<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>预警日志</title>
		<link rel="icon" href="static/img/favicon.ico" type="image/x-icon">
		<link href="css/common.css" rel="stylesheet" type="text/css" />
		<link href="css/normolize.css" rel="stylesheet" type="text/css" />
		<link href="css/style.css" rel="stylesheet" type="text/css" />
		<!--[if IE 9]> <link href="css/ieHack9.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<!--[if IE 8]> <link href="css/ieHack.css" rel="stylesheet" type="text/css" /><link href="css/ieHack8.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<!--[if lte IE 7]> <link href="css/ieHack.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<style>
			.w18 {
				width: 160px;
				padding-right: 20px;
			}
			.w10{width: 100px;
				padding-right: 20px;}
		</style>

	</head>

	<body>
		<script src="js/tpl/header.js" type="text/javascript" charset="utf-8"></script>
		<div class="page-wrapper productlist minwidth border" id="page-wrapper">
			<div class="line"></div>
			<script src="js/tpl/warningMenu.js" type="text/javascript" charset="utf-8"></script>
			<div class="vertival-line"></div>
			<div class="page-content">
				<div class="tablist">
					<ul>
						<li class="tabItem">
							<a href="#">预警事件</a>
						</li>
						<li class="tabItem ">
							<a href="#">预警策略</a>
						</li>
						<li class="tabItem ">
							<a href="#">预警人员</a>
						</li>
						<li class="tabItem  active">
							<a href="#">预警日志</a>
						</li>
					</ul>
				</div>

				<div class="page-container">
					 
					<div class="table">
						<div class="tablelist">
							<table>
								<thead>
									<tr>
										<th class="w18">事件名称</th>
										<th class="w18">策略</th>
										<th class="w18">所属企业</th>
										<th class="w18">执行时间</th>
									</tr>
								</thead>
								<tbody id="itemContainer">

								</tbody>
							</table>
						</div>

						<div class="pagelist fr">
							<div class=" pagedesc fl">当前<span class="currentPage"></span>/<span class="totalpage"></span>，每页<span class="perpage"></span>条，共<span class="totalnumber"></span>条</div>
							<div class="pagination inline-block fl"></div>
							<div class="inline-block fl">
								到第<input type="text" value="" class="gotopage" />页 <input type="button" value="跳转" class="search-input-button border-radius bgblue gotopage_button"></span>
							</div>

						</div>

					</div>

				</div>

			</div>
		</div>

		<div class="footer">
			<div class="footercontainer">
				<ul>
					<li>
						<a href="#">关于我们</a>
					</li>
					<li>
						<a href="#">服务与支持</a>
					</li>
					<li>
						<a href="#">常见问题</a>
					</li>
					<li>
						<a href="#">人才招聘</a>
					</li>
					<li>
						<a href="#">加盟合作</a>
					</li>
				</ul>

				<div style="margin-top:13px;">版权所有@ 2015 - 2016 深圳在乎传媒科技有限公司 粤ICP备15107022-1号</div>
			</div>

		</div>

		<!--这里是删除产品的弹框（无法删除）-->

	</body>

	<script src="js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/page/jPages.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/page/pageFun.js" type="text/javascript" charset="utf-8"></script>

	<script src="js/wdatePicker/WdatePicker.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/layer/layer.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/layFun.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/scroll/jquery.slimscroll.min.js" type="text/javascript" charset="utf-8"></script>

	<script>
		var checkedLen, id;
		var params = {};
		listInit.url = "json/warningEventList.json";
		listInit.pageParams.perPage = 2;
		listInit.pageParams.totalNumber = 10;
		listInit.pageInit();
		listInit.pageCallback = formData;
		listInit.ajaxgGetDataHtml(params, listInit.pageCallback);
		function ccfun() { return true;}
		function formData(data) {
			var html = '';
			if(data.length>0){
				for(var i = 0; i < data.length; i++) {
					var temp = data[i];
					html += '<tr> <td class="w18"> <div class="text-ellipsis w18" > ' + temp.name + ' </div> </td>  <td class="w10"> <div class="text-ellipsis w18" > ' + temp.ways + ' </div> </td> <td class="w18"> <div class="text-ellipsis w18" > ' + temp.company + ' </div> </td> <td class="w18"> ' + temp.time + ' </td></tr> ';
				}
			}else{
				html += '<tr><td clospan="4">无相关记录</td></tr>';
			}
			
			return html;
		}
	</script>

</html>